/* 
    Document   : gfmenu
    Created on : Nov 5, 2009, 5:35:19 PM
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Use this dtd to support IE 7
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
*/

.GFMenuBar {}
.GFMenuBar > ul {
    list-style:none;
}
.GFMenuBar > ul > li {
    /*
    float:left;
    */
}
.GFMenu {
    /*
    background-color: #eee;
    display: inline-block;
    cursor: pointer;
    z-index: 99999;
    */
}
.GFMenu:hover > ul > li {
    display: block;
}
.GFMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.GFMenu:hover {
    color: #a00;
    background-color: #121212;
}
.GFMenu > ul > li {
    display: none;
}
.GFMenu li {
    /* make the list elements a containing block for the nested lists */
    position: relative;
}
.GFMenu li > a, .GFMenu h2 {
    font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    margin: 0;
    padding: 2px 3px;
}
.GFMenu h2, .GFMenu h2 > a {
    color: #fff;
    background-color: #000;
    text-transform: uppercase;
    text-align:center;
}
.GFMenu h2 > a {
    text-decoration: none;
}
.GFMenu li > a {
    color: #000;
    background: #efefef;
    text-decoration: none;
}
.GFMenu li > a:hover {
    color: #a00;
    background: #fff;
}
.GFMenu li:hover > .GFSubMenu {
    display: block;
}
.GFSubMenu {
    position: absolute;
    top: 0;
    left: 100%; /* to position them to the right of their containing block */
    width: 100%; /* width is based on the containing block */
    display: none;
}
.GFSubMenu {
    position: absolute;
    top: 0;
    left: 100%; /* to position them to the right of their containing block */
    width: 100%; /* width is based on the containing block */
    display: none;
}
.GFBox {
    vertical-align:middle;
    margin:3em auto;
}
.GFBox table {
    border: none;
    width: 100%;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-box-shadow:0 4px 18px #C8C8C8;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #E5E5E5;
    font-weight:normal;
    margin-left:8px;
    padding:16px 16px 16px;
}
.GFBox h1 {
    text-align:center;
    font-size:large;
    margin-bottom:1em;
}
.GFBox label {
    font-size: 1em;
}
.GFBox form .submit {
    text-align:center;
}
.GFBox form .submit input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border:1px solid;
    cursor:pointer;
    font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
    font-size:1em;
    padding:3px 10px;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
}
.GFInput, GFBox form .value input {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FBFBFB none repeat scroll 0 0;
    border:1px solid #E5E5E5;
    margin-bottom:16px;
    margin-right:6px;
    margin-top:2px;
    padding:3px;
    width:96%;
}
.GFInput {
    font-size:1em;
}
.GFBox form .value input {
    font-size:1em;
}